<template>
  <div id="aboutUs">
    <template v-if="guideType == 1">
      <img
        src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/bannermc6.png"
        class="banner"
      />
      <div class="advantage">
        <ul>
          <li>
            <span class="txt1"
              >10<sup style="position: absolute; top: 1.4rem; right: 9.1rem"
                >年</sup
              ></span
            >
            <span class="txt2">礼品、数字权益服务经验</span>
          </li>
          <li>
            <span class="txt1"
              >24<sup style="position: absolute; top: 1.4rem; right: 9.1rem"
                >H</sup
              ></span
            >
            <span class="txt2">7*24小时售后服务</span>
          </li>
          <li>
            <span class="txt1"
              >1000<sup style="position: absolute; top: 1.4rem; right: 4.4rem"
                >家+</sup
              ></span
            >
            <span class="txt2">企业级客户</span>
          </li>
          <li>
            <span class="txt1"
              >4<sup style="position: absolute; top: 1.4rem; right: 4.4rem"
                >大核心能力</sup
              ></span
            >
            <span class="txt2">技术、供应、运营、营销</span>
          </li>
        </ul>
      </div>
      <div class="content">
        <div class="content1">
          <h5>江苏铭创商务发展集团有限公司</h5>
          <p>
            江苏铭创商务发展集团有限公司（http://www.njmcsw.com/）成立于2018年，通过南京商务局单用途预付卡备案（备案编号：3201BA202303027903)，江苏铭创以“全业务支撑”和“场景化驱动”为核心，以“互联网+创新”为发展动力，以高附加值商品供应链和全链路数字化为底座,打造全场景、全产链、数智化的企业服务平台。并围绕政企客户实际需求，整合千家知名品牌资源，配合高效专业的运营团队为客户提供从办公采购、员工福利、运营相关等多维增值服务。致力通过技术驱动将原本繁琐的采购工作改造得更加阳光、高效、低成本。
          </p>
          <p>
            江苏铭创凭借行业优秀的全业务支撑能力，持续深耕数字权益领域，不断整合一线数字权益资源，业务已全面联接覆盖国内主流品牌方，涵盖美食饮品、影音娱乐、商超购物、机酒出行、生活服务、知识阅读、充值缴费、运动健康等八大门类，上千种权益产品。为银行、保险、电商、运营商等行业巨头为代表的万余家企业提供开放高效的专业服务，助力传统行业数字化转型升级和价值落地。
          </p>
          <p>
            公司创始人及骨干团队深耕行业二十年，为客户精选福利商品50000SKU+，并为300+金融机构和上千家企业提供专业数字化服务。合作客户包括：京东慧采、欧菲斯、齐心集团、得力、史泰博、中国银行、中国工商银行、光大银行、中国农业银行、华夏银行、中国建设银行、招商银行、浦发银行、中信银行、广发银行、兴业银行、平安银行、中国民生银行、中国人寿、利安人寿、太平洋保险、南瑞集团、荣盛地产等。
          </p>
          <p>
            自成立来，公司在市场活动中不断塑造企业的信用形象，先后获得由评级机构颁发的质量管理体系认证证书、环境管理体系认证证书、职业健康管理体系认证证书、企业资信AAA等级证书以及诚信供应商企业证书等。
          </p>
          <ul>
            <li>
              <img
                src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/active1.png"
              />
            </li>
            <li>
              <img
                src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/active2.png"
              />
            </li>
            <li>
              <img
                src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/active3.png"
              />
            </li>
          </ul>
        </div>
      </div>
      <div class="culture">
        <div id="titletxt">
          <h5>企业文化</h5>
          <span>COMPANY CULTURE</span>
        </div>
        <div class="commany">
          <div>
            <h5>企业使命</h5>
            <p>
              “铭”——
              铭记不忘入行的初心，踏实做好产品与服务，用心倾听客户的需求，将知遇之恩埋藏于心。
            </p>
            <p>
              “创” ——
              聚拢一批追求极致的勇敢者，勤奋且修身，千难万险不回头，共同坚持创业的长跑之旅。
            </p>
            <h5>企业价值观</h5>
            <p>客户第一（用100%的能力服务客户）</p>
            <p>创新（不断学习，提高眼界）</p>
            <P>共赢（精诚团结共创美好事业）</P>
          </div>
          <img
            src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/img00.png"
            style="width: 44.6rem; height: 23.9rem"
          />
        </div>
      </div>
      <div class="honor">
        <div id="titletxt">
          <h5>企业荣誉资质</h5>
          <span>COMPANY CULTURE</span>
        </div>
        <ul>
          <li>
            <img
              src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/honor1.png"
            />
            <span>质量管理体系认证证书</span>
          </li>
          <li>
            <img
              src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/honor2.png"
            />
            <span>环境管理体系认证证书</span>
          </li>
          <li>
            <img
              src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/honor3.png"
            />
            <span>职业健康管理体系认证证书</span>
          </li>
          <li>
            <img
              src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/honor8.png"
            />
            <span>备案证书</span>
          </li>
          <!-- <li>
            <img
              src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/honor4.png"
            />
            <span>企业资信AAA等级证书</span>
          </li> -->
        </ul>
        <!-- <ul style="display: flex; justify-content: flex-start">
          <li style="margin-right: 1.1rem">
            <img
              src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/honor7.png"
              style="width: 17.8rem; height: 12.7rem"
            />
            <span>政府采购优秀品牌</span>
          </li>
          <li>
            <img
              src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/honor8.png"
              style="width: 17.8rem; height: 12.7rem"
            />
            <span>3.15推荐品牌</span>
          </li>
        </ul> -->
      </div>
      <div id="footer-top">
        <div class="licence-code">
          <ul class="nav" style="display: flex">
            <li>首页</li>
            <li>产品与服务</li>
            <li>解决方案</li>
            <li>开放平台</li>
            <li>新闻中心</li>
            <li class="active">关于我们</li>
            <li>联系我们</li>
          </ul>
          <!--      <div>-->
          <!--        <h5 class="about-h55">服务热线</h5>-->
          <!--        <h5>025-85500001</h5>-->
          <!--      </div>-->
          <!-- <div>
            <h5 class="about-h55">企业地址</h5>
            <p class="adress">
              南京总公司：南京市秦淮区光华路海福巷90-1号 南报文创园
            </p>
          </div> -->
        </div>
      </div>
    </template>
    <template v-else-if="guideType == 2">
      <img
        src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/bannerzp.jpg"
        class="banner"
      />
      <div class="guide-container">
        <div class="guide-content">
          <div class="recruit">
            <div class="recitem">
              <!--            <span>人才招聘</span>-->
              <div class="blueline">
                <div>职能类</div>
                <div></div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 20px; color: #333333"
                      >礼品销售经理</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：3人</span>
                    <span>工作年限：1-3年以上</span>
                    <span>大专以上学历</span>
                    <span>发布时间：2025-06-15</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(2)">查看详情</div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 20px; color: #333333"
                      >预付卡渠道经理</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：3-5年相关服务经验</span>
                    <span>本科及以上</span>
                    <span>发布时间：2025-06-15</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(3)">查看详情</div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 20px; color: #333333"
                      >实物销售经理</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：3-5年</span>
                    <span>大专及以上</span>
                    <span>发布时间：2025-06-18</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(4)">查看详情</div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 20px; color: #333333"
                      >渠道经理</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：3-5年以上相关工作经验</span>
                    <span>大专及以上</span>
                    <span>发布时间：2025-06-18</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(5)">查看详情</div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 20px; color: #333333"
                      >前台客服</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：3人</span>
                    <span>工作年限：1年以上客服经验优先</span>
                    <span>大专及以上</span>
                    <span>发布时间：2025-06-18</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(6)">查看详情</div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 20px; color: #333333"
                      >电商客服</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：3人</span>
                    <span>工作年限：1年以上电商客服经验优先</span>
                    <span>大专及以上</span>
                    <span>发布时间：2025-06-20</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(7)">查看详情</div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 20px; color: #333333"
                      >平面设计师</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：2人</span>
                    <span>工作年限：1-3年</span>
                    <span>本科及以上学历</span>
                    <span>发布时间：2025-06-20</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(8)">查看详情</div>
              </div>
              <!-- <div class="blueline">
                <div>技术类</div>
                <div></div>
              </div>
              <div class="item">
                <div>
                  <div>
                    <span style="font-size: 14px; color: #333333">JAVE</span>
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2022-02-14</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：5人</span>
                    <span>工作年限：1-3年</span>
                    <span>本科及以上</span>
                    <span>发布时间：2022-02-14</span>
                  </div>
                </div>
                <div class="lookdetail" @click="lookDetail(1)">查看详情</div>
              </div> -->
            </div>
          </div>
        </div>
      </div>
    </template>
    <template v-else-if="guideType == 3">
      <img
        src="https://njmcsw.oss-cn-beijing.aliyuncs.com/guanwang/bannerzp.jpg"
        class="banner"
      />
      <div class="guide-container">
        <div class="guide-content">
          <div class="recruit">
            <div class="recitem">
              <span>人才招聘</span>
              <div v-if="particulars == 1">
                <div class="rect">
                  <div>
                    <span>JAVE</span>
                    <span>2025-06-18</span>
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：1-3年</span>
                    <span>本科及以上</span>
                  </div>
                  <div class="itemspan">
                    <span>南京市秦淮区光华路海福巷90-1号 南报文创园</span>
                  </div>
                </div>
                <p style="line-height: 45px">
                  岗位职责：<br />
                  <br />
                  1、计算机相关专业专科或以上学历,3年及以上Java编程经验,在开发项目中担任重要角色者优<br />
                  2、熟悉J2EE规范,熟悉 Spring、 SpringmvcSpring Boot、 Spring
                  Cloud、 Mybatis等常见开发框 <br />
                  3、能熟练使用DEA、 Eclipse开发工具进行开发调试,熟悉 Tomcat、
                  Jboss等主流应用服务器的配置和使用 <br />
                  4、熟悉 MYSQL、 Postgresql等数据库的开发使用和SQL优化的方法
                  <br />
                  5、了解Linu环境,熟悉常见的 Linux.命令的使用优 <br />
                  6、了解Nosq数据库,如 Redis、 ElasticsearchObese者优先 <br />
                  7、具备良好的团队配合,有较强的逻辑分析和独立解决问题的能力
                  <br />
                  8、工作积极主动,有强烈的责任心,对技术充满热情,具有创新精神
                  <br />
                </p>
                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
              <div v-if="particulars == 2">
                <div class="rect">
                  <div>
                    <span style="font-size: 14px; color: #333333"
                      >礼品销售经理</span
                    >
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2025-06-15</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：3人</span>
                    <span>工作年限：具备1-3年以上区域营销策划管理工作经验</span>
                    <span>本科以上学历，市场营销、电子商务、等相关专业</span>
                    <span>发布时间：2025-06-15</span>
                  </div>
                  <div class="itemspan">
                    <span
                      >江苏省 南京市 建邺区 沙洲街道创智路1号北纬国际中心</span
                    >
                  </div>
                </div>
                <div style="line-height: 45px">
                  <p>岗位职责：</p>
                  <p>1、负责开拓预付卡、礼品卡业务；</p>
                  <p>
                    2、拓展大客户销售渠道，根据客户需求完成预付卡、礼品相关产品的销售；
                  </p>
                  <p>
                    3、能与客户保持良好沟通，对接国企、政府、银行等企业，进行资源的深度开发。
                  </p>
                </div>
                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
              <div v-if="particulars == 3">
                <div class="rect">
                  <div>
                    <span style="font-size: 14px; color: #333333"
                      >预付卡渠道经理</span
                    >
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2025-06-15</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：3-5年相关服务经验</span>
                    <span>本科及以上</span>
                    <span>发布时间：2025-06-15</span>
                  </div>
                  <div class="itemspan">
                    <span
                      >江苏省 南京市 建邺区 沙洲街道创智路1号北纬国际中心</span
                    >
                  </div>
                </div>
                <div style="line-height: 45px">
                  <p>岗位职责：</p>
                  <p>1、负责开拓预付卡、礼品卡业务；</p>
                  <p>
                    2、拓展大客户销售渠道，根据客户需求完成预付卡、礼品卡相关产品的销售；
                  </p>
                  <p>
                    3、能与客户保持良好沟通，对接国企、政府、银行等企业，进行资源的深度开发。
                  </p>
                </div>
                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
              <div v-if="particulars == 4">
                <div class="rect">
                  <div>
                    <span style="font-size: 14px; color: #333333"
                      >实物销售经理</span
                    >
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2025-06-18</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：3-5年销售经验</span>
                    <span>本科及以上</span>
                    <span>发布时间：2025-06-18</span>
                  </div>
                  <div class="itemspan">
                    <span
                      >江苏省 南京市 建邺区 沙洲街道创智路1号北纬国际中心</span
                    >
                  </div>
                </div>
                <div style="line-height: 45px">
                  <p>岗位职责：</p>
                  <p>
                    1、通过电话、面谈等方式开拓及维护企业、事业单位、政府机关等B端客户。
                  </p>
                  <p>
                    2、根据企业客户需求，制定适合的员工福利计划及销售卡券、实物福利相关产品，完成销售订单及指标；
                  </p>
                  <p>
                    3、做好客户拓展，及时跟进维护客户，与客户处好关系行成良性循环；
                  </p>
                  <p>4、负责客户销售过程中的相关咨询和风险监控。</p>
                </div>
                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
              <div v-if="particulars == 5">
                <div class="rect">
                  <div>
                    <span style="font-size: 14px; color: #333333"
                      >渠道经理</span
                    >
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2025-06-18</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：五年以上渠道相关工作经验</span>
                    <span>大专及以上</span>
                    <span>发布时间：2025-06-18</span>
                  </div>
                  <div class="itemspan">
                    <span
                      >江苏省 南京市 建邺区 沙洲街道创智路1号北纬国际中心</span
                    >
                  </div>
                </div>
                <div style="line-height: 45px">
                  <p>岗位职责：</p>
                  <p>
                    1、负责开拓及维护以企业客户为准的福利卡业务、实物福利、礼品、办公用品销售市场；
                  </p>
                  <p>2、负责开发及维护新老签约商户，树立良好品牌形象；</p>
                  <p>3、负责客户销售过程中的相关咨询和风险监控。</p>
                </div>
                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
              <div v-if="particulars == 6">
                <div class="rect">
                  <div>
                    <span style="font-size: 14px; color: #333333"
                      >前台客服</span
                    >
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2025-06-18</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：3人</span>
                    <span>工作年限：1年以上客服经验优先</span>
                    <span>大专及以上</span>
                    <span>发布时间：2025-06-18</span>
                  </div>
                  <div class="itemspan">
                    <span
                      >江苏省 南京市 建邺区 沙洲街道创智路1号北纬国际中心</span
                    >
                  </div>
                </div>
                <div style="line-height: 45px">
                  <p>岗位职责：</p>
                  <p>1、负责客户的咨询、电话回访；</p>
                  <p>2、做好出卡、客户的相关资料统计；</p>
                  <p>3、完成领导交代的其他事项。</p>
                </div>
                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
              <div v-if="particulars == 7">
                <div class="rect">
                  <div>
                    <span style="font-size: 14px; color: #333333"
                      >电商客服</span
                    >
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2025-06-20</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：2人</span>
                    <span>工作年限：1年以上电商客服经验优先</span>
                    <span>大专及以上</span>
                    <span>发布时间：2025-06-20</span>
                  </div>
                  <div class="itemspan">
                    <span
                      >江苏省 南京市 建邺区 沙洲街道创智路1号北纬国际中心</span
                    >
                  </div>
                </div>
                <div style="line-height: 45px">
                  <p>岗位职责：</p>
                  <p>
                    1、负责顾客投诉管理，及时妥善处理顾客投诉的相关问题提升顾客满意度；
                  </p>
                  <p>
                    2、负责顾客投诉问题的工单记录、跟踪、处理、提出处理方案；
                  </p>
                  <p>3、向顾客宣导产品服务规则，并记录顾客的投诉、建议；</p>
                  <p>4、完成上级领导交代的其他工作。</p>
                  <p>要求：</p>
                  <p>1、身体健康，口齿清晰，普通话标准，具备良好的表达能力；</p>
                  <p>2、熟悉计算机基本操作，能熟练使用Excel等常用办公软件；</p>
                  <p>3、工作有耐心、细心、积极主动、踏实；</p>
                  <p>4、为人诚实，具有强烈的责任心和良好的抗压能力；</p>
                  <p>5、具备优秀的团队配合能力、服从工作安排和管理；</p>
                  <p>
                    6、有较好的逻辑分析、抗压能力及判断能力，1年以上客服经验优先。
                  </p>
                </div>
                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
              <div v-if="particulars == 8">
                <div class="rect">
                  <div>
                    <span style="font-size: 14px; color: #333333"
                      >平面设计师</span
                    >
                    <span
                      style="font-size: 14px; color: #999999; font-weight: 400"
                      >2025-6-20</span
                    >
                  </div>
                  <div class="itemspan">
                    <span>招聘人数：1人</span>
                    <span>工作年限：2年以上工作经验</span>
                    <span>大专及以上学历</span>
                    <span>发布时间：2025-6-20</span>
                  </div>
                  <div class="itemspan">
                    <span
                      >江苏省 南京市 建邺区 沙洲街道创智路1号北纬国际中心</span
                    >
                  </div>
                </div>
                <div style="line-height: 45px">
                  <p>岗位职责：</p>
                  <p>1、参与公司品牌形象统筹维护与延展；</p>
                  <p>2、参与电商平台的视觉形象维护与主题平面设计；</p>
                  <p>3、根据品牌形象完成各项视觉创意内容。</p>
                </div>

                <div class="callphone">
                  简历请发送至:mingchuangbusiness@163.com
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
    <template v-else-if="guideType == 4">
      <cardRegular></cardRegular>
    </template>
  </div>
</template>

<script>
import cardRegular from "../components/cardRegular.vue";
export default {
  name: "aboutUs",
  components: {
    cardRegular,
  },
  data() {
    return {
      guideType: 1,
      showDetail: true,
      particulars: 1,
    };
  },
  beforeRouteUpdate(to, from, next) {
    this.guideType = to.query.guideType;
    next();
  },
  created() {},

  mounted() {
    this.guideType = this.$route.query.guideType;
  },
  methods: {
    lookDetail(num) {
      this.guideType = 3;
      this.$router.push("/aboutUs?guideType=3");
      this.particulars = num;
    },
  },
};
</script>

<style scoped lang="scss">
#aboutUs {
  .banner {
    width: 100%;
  }

  .advantage {
    width: 117rem;
    height: 13.8rem;
    margin: auto;

    ul {
      height: 13.8rem;
      display: flex;
      align-items: center;
      justify-content: space-around;

      li {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;

        .txt1 {
          font-size: 4.7rem;
          font-family: STSongti, STSongti-Bold;
          font-weight: 700;
          text-align: justify;
          color: #e97a0f;
          line-height: 6.6rem;

          sup {
            font-size: 1.4rem;
            color: #828282;
            font-weight: 400;
            font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
          }
        }

        .txt2 {
          font-size: 1.4rem;
          text-align: justify;
          color: #828282;
          line-height: 1.9rem;
        }
      }
    }
  }

  .content {
    width: 100%;
    height: 72rem;
    background: #f5f5f5;
    padding-top: 5.7rem;

    .content1 {
      width: 117rem;
      margin: 0 auto;
      text-align: center;

      h5 {
        font-size: 2.4rem;
        font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
        font-weight: 700;
        color: #000000;
        line-height: 3.1rem;
      }

      p {
        font-size: 1.5rem;
        text-align: justify;
        color: #444444;
        line-height: 2rem;
        margin-top: 2.5rem;
      }

      ul {
        display: flex;
        justify-content: space-between;
        margin-top: 2.5rem;

        li {
          width: 37.3rem;
          height: 21rem;

          img {
            width: 37.3rem;
            height: 21rem;
          }
        }
      }
    }
  }
  .culture {
    width: 117rem;
    height: 42.2rem;
    color: #ffffff;
    margin: auto;
    padding-top: 4.4rem;
    .commany {
      display: flex;
      justify-content: space-between;
      padding-left: 2rem;
      padding-right: 2rem;
      margin-top: 1.2rem;
      div {
        h5 {
          font-size: 1.6rem;
          font-family: STSongti, STSongti-Black;
          font-weight: 900;
          text-align: left;
          color: #000000;
          line-height: 2.2rem;
          margin-top: 2rem;
        }
        p {
          font-size: 1.4rem;
          text-align: left;
          color: #666666;
          line-height: 3rem;
        }
      }
    }
  }
  .honor {
    width: 100%;
    height: 42.6rem;
    background: #f5f5f5;
    padding-top: 3.9rem;
    ul {
      width: 117rem;
      margin: auto;
      display: flex;
      justify-content: space-between;
      margin-top: 3.2rem;
      li {
        width: 28.4rem;
        height: 28.4rem;
        background: #ffffff;
        border-radius: 0.4rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        img {
          width: 12.3rem;
          height: 17.4rem;
          box-shadow: 0px 2px 4px 0px rgba(151, 151, 151, 0.5);
        }
        span {
          font-size: 1.5rem;
          text-align: justify;
          color: #444444;
          line-height: 2rem;
          margin-top: 3.3rem;
        }
      }
    }
  }
}
#footer-top {
  width: 100%;
  height: 16rem;
  position: relative;
  bottom: 0;
  background: linear-gradient(180deg, #e63f04, #ac0d0d);
  color: #fff;
  .licence-code {
    width: 120rem;
    height: 16rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .nav {
      display: flex;
      li {
        font-size: 1.6rem;
        font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
        line-height: 2rem;
        margin-right: 4.1rem;
      }
      .active {
        font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
        font-weight: 700;
      }
    }

    .about-h55 {
      margin: 0rem 0 1.8rem;
    }

    .licence-h5,
    .QR-code-h5 {
      padding-bottom: 1.6rem;
      border-bottom: 1px solid #fff;
      margin: 2rem 0 1.1rem;
    }

    h5 {
      color: #fff;
      font-size: 1.6rem;
      font-weight: 700;
    }

    .adress {
      margin-bottom: 0.7rem;
      font-size: 1.4rem;
      line-height: 1.9rem;
    }
  }
}
#titletxt {
  width: 117rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  h5 {
    font-size: 2.4rem;
    color: #000000;
    line-height: 3.1rem;
    font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
    font-weight: 700;
    margin-bottom: 0.3rem;
  }
  span {
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.9rem;
  }
}
.guide-container {
  margin: 4rem auto 40rem;
  width: 120rem;
  display: flex;
}
.guide-content {
  margin: 0 auto 10rem;
}
.guide-content .recruit .recitem .callphone {
  width: 45rem;
  height: 2.6rem;
  background: #d10a16;
  font-size: 1.2rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 2.6rem;
  margin-top: 3.2rem;
}

.rect {
  width: 88.2rem;
  background: #f3f3f3;
  margin: 14px 0;
  padding: 1.4rem 3.2rem 1.4rem 1.8rem;
  box-sizing: border-box;
}

.rect div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rect div:first-child span:first-child {
  font-size: 1.6rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
}

.rect div:first-child span:last-child {
  font-size: 1.6rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
}

.itemspan span {
  font-size: 1.6rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
}

.recitem p {
  font-size: 1.6rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
  /*line-height: 18px;*/
}

.recitem span {
  font-size: 1.8rem;
  font-family: STSongti, STSongti-Black;
  font-weight: 900;
  text-align: left;
  color: #444444;
  line-height: 2.6rem;
}

.blueline {
  display: flex;
  margin-top: 2rem;
}

.blueline div:first-child {
  width: 8.6rem;
  height: 3.6rem;
  background: #d10a16;
  font-size: 1.4rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 3.6rem;
}

.blueline div:last-child {
  width: 76rem;
  height: 3.6rem;
  background: #f3f3f3;
}

.item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
  padding: 2.4rem 0 1.2rem 0;
}

.lookdetail {
  width: 10rem;
  height: 3.2rem;
  background: #e2e2e2;
  font-size: 1.2rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: center;
  color: #414141;
  line-height: 3.2rem;
  cursor: pointer;
}

.itemspan span {
  font-size: 1.6rem;
  font-family: MicrosoftYaHei, MicrosoftYaHei-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
}
</style>
